
/*******Post*******/

#box {
  width:40%;
  height:750px;
  background:#fff;
  border:10px solid #cf2c2c;
  position:relative;
  overflow:hidden;
}

.pesan {
  font-size:60px;
  font-family:Black Ops One;
  color:#2eff55;
  text-transform:capitalize;
  position:relative;
  line-height:1em;
  text-shadow:0 0 0 rgb(24,233,62),-1px 0 0 rgb(11,220,49),-2px 0 0 rgb(-1,208,37),-3px 0 0 rgb(-14,195,24),-4px 0 0 rgb(-26,183,12),-5px 0 0 rgb(-39,170,-1),-6px 0 0 rgb(-51,158,-13),-7px 0 0 rgb(-63,146,-25),-8px 0 7px rgba(0,0,0,0.5),-8px 0 1px rgba(0,0,0,0.5),0px 0 7px rgba(0,0,0,.2);
}

.iag {
  font-size:70px;
  font-family:Black Ops One;
  color:#eaff00;
  text-transform:capitalize;
  position:relative;
  line-height:1em;
  text-shadow:0 0 0 rgb(212,233,-22),-1px 0 0 rgb(199,220,-35),-2px 0 0 rgb(187,208,-47),-3px 0 0 rgb(174,195,-60),-4px 0 0 rgb(162,183,-72),-5px 0 0 rgb(149,170,-85),-6px 0 0 rgb(137,158,-97),-7px 0 0 rgb(125,146,-109),-8px 0 7px rgba(0,0,0,0.5),-8px 0 1px rgba(0,0,0,0.5),0px 0 7px rgba(0,0,0,.2);
}

.copyright-blogzhey {
  font-size:18px;
  font-family:verdana;
  text-align:center;
  font-weight:bold;
  color:#ff2828;
  text-shadow:0 0 2px #fff,0 0 4px #fff;
}

/*******merah*******/

.merah {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#ff2828;
  margin:2em 0 0 -1em;
  padding:1% 7% 1% 2%;
  float:left;
  border:3px solid #ff0000;
}

.merah:before {
  content:"";
  position:absolute;
  top:-28%;
  right:-20%;
  width:100px;
  height:100px;
  border:#ff0000 solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://4.bp.blogspot.com/-HyhKo6Cz3XU/VHyW7HHyoBI/AAAAAAAAChU/oMTy7ccMmiA/s1600/6.1.jpg);
  background-size:100px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.m_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.m_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******hijau*******/

.hijau {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#2eff55;
  margin:3em -1em 0 0;
  padding:1% 2% 1% 7%;
  float:right;
  border:3px solid #00be24;
}

.hijau:before {
  content:"";
  position:absolute;
  top:-28%;
  left:-20%;
  width:100px;
  height:100px;
  border:#00be24 solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://1.bp.blogspot.com/-PF_Bj3MheB0/VHyhI-kOVjI/AAAAAAAAChs/I5wr1m5xQcY/s1600/6.2.jpg);
  background-size:100px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.h_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.h_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******biru*******/

.biru {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#35b3d9;
  margin:3em 0 0 -1em;
  padding:1% 7% 1% 2%;
  float:left;
  border:3px solid #145163;
}

.biru:before {
  content:"";
  position:absolute;
  top:-28%;
  right:-20%;
  width:100px;
  height:100px;
  border:#145163 solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://3.bp.blogspot.com/-nvHQ-G4uAhM/VHymDjHoiyI/AAAAAAAACh4/h2c0O4UkQS0/s1600/6.3.jpg);
  background-size:70px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.b_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.b_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******mm*******/

.mm {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#ed56ce;
  margin:3em -1em 0 0;
  padding:1% 2% 1% 7%;
  float:right;
  border:3px solid #57104c;
}

.mm:before {
  content:"";
  position:absolute;
  top:-28%;
  left:-20%;
  width:100px;
  height:100px;
  border:#57104c solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://4.bp.blogspot.com/-xquwun_XY3g/VHymEMruGrI/AAAAAAAACh8/ovt4g4YMUqo/s1600/6.4.jpg);
  background-size:100px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.mm_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.mm_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******oren*******/

.oren {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#ff7e28;
  margin:3em 0 0 -1em;
  padding:1% 7% 1% 2%;
  float:left;
  border:3px solid #ff6600;
}

.oren:before {
  content:"";
  position:absolute;
  top:-28%;
  right:-20%;
  width:100px;
  height:100px;
  border:#ff6600 solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://1.bp.blogspot.com/-WsT9BxGlXO0/VHymE9qmIdI/AAAAAAAACiI/TqcrPkypGfk/s1600/6.5.jpg);
  background-size:100px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.o_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.o_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******mm*******/

.ungu {
  position:relative;
  width:65%;
  height:60px;
  color:#fff;
  background:#9c68fb;
  margin:3em -1em 0 0;
  padding:1% 2% 1% 7%;
  float:right;
  border:3px solid #5900fd;
}

.ungu:before {
  content:"";
  position:absolute;
  top:-28%;
  left:-20%;
  width:100px;
  height:100px;
  border:#5900fd solid 3px;
  box-shadow:0 0 0 5px #fff inset;
  border-radius:100px;
  background:#fff url(http://2.bp.blogspot.com/-LCFDAY7Hn2A/VHymFKQav9I/AAAAAAAACiM/c1nQHdCmG-k/s1600/6.6.jpg);
  background-size:100px 100px;
  background-repeat:no-repeat;
  background-position:center center;
}

.u_teks {
  font-size:20px;
  font-family:Rajdhani;
  color:#fff;
  font-weight:bold;
}

.u_bold {
  font-size:25px;
  font-family:Lobster;
  color:#eaff00;
  line-height:1.0em;
}

/*******Responsive*******/
@media screen and (max-width:1100px){#box{width:43%}}
@media screen and (max-width:1024px){#box{width:45%}}
@media screen and (max-width:960px){#box{width:48%}}
@media screen and (max-width:850px){#box{width:55%}}
@media screen and (max-width:768px){#box{width:65%}}
@media screen and (max-width:667px){#box{width:75%}}
@media screen and (max-width:600px){#box{width:80%}.pesan{font-size:50px}.iag{font-size:60px}}
@media screen and (max-width:568px){#box{width:85%}}
@media screen and (max-width:500px){#box{width:auto}.pesan{font-size:40px}.iag{font-size:50px}.dis-qus{margin:1% 2% 1% 2%}.jkomen{margin:2% 2% 1% 2%}}
@media screen and (max-width:480px){.merah{width:70%}.hijau{width:70%}.biru{width:70%}.mm{width:70%}.oren{width:70%}.ungu{width:70%}}
@media screen and (max-width:420px){.pesan{font-size:35px}.iag{font-size:40px}.m_teks{font-size:15px}.m_bold{font-size:25px;line-height:1.5em}.h_teks{font-size:15px}.h_bold{font-size:25px;line-height:1.5em}.b_teks{font-size:15px}.b_bold{font-size:25px;line-height:1.5em}.mm_teks{font-size:15px}.mm_bold{font-size:25px;line-height:1.5em}.o_teks{font-size:15px}.o_bold{font-size:20px;line-height:2em}.u_teks{font-size:15px}.u_bold{font-size:25px;line-height:1.5em}}
@media screen and (max-width:385px){#box{height:720px}.pesan{font-size:35px}.iag{font-size:35px}.merah{width:78%;padding:1% 7% 1% 0}.hijau{width:78%;padding:1% 0 1% 7%}.biru{width:78%;padding:1% 7% 1% 0}.mm{width:78%;padding:1% 0 1% 7%}.oren{width:78%;padding:1% 7% 1% 0}.ungu{width:78%;padding:1% 0 1% 7%}.m_teks{font-size:13px}.m_bold{font-size:25px}.h_teks{font-size:13px}.h_bold{font-size:25px}.b_teks{font-size:13px}.b_bold{font-size:25px}.mm_teks{font-size:13px}.mm_bold{font-size:25px}.o_teks{font-size:13px}.o_bold{font-size:20px}.u_teks{font-size:13px}.u_bold{font-size:25px}}
@media screen and (max-width:360px){.pesan{font-size:30px}.iag{font-size:30px}.merah{width:auto;padding:1% 1% 1% 6%;margin:2em 0 0 -1em;float:none}.hijau{width:auto;padding:1% 6% 1% 1%;margin:3em -1em 0 0;float:none}.biru{width:auto;padding:1% 1% 1% 6%;margin:3em 0 0 -1em;float:none}.mm{width:auto;padding:1% 6% 1% 1%;margin:3em -1em 0 0;float:none}.oren{width:auto;padding:1% 1% 1% 6%;margin:3em 0 0 -1em;float:none}.ungu{width:auto;padding:1% 6% 1% 1%;margin:3em -1em 0 0;float:none}.merah:before{right:-8%}.hijau:before{left:-8%}.biru:before{right:-8%}.mm:before{left:-8%}.oren:before{right:-8%}.ungu:before{left:-8%}.m_teks{text-align:left}.m_bold{text-align:left}.h_teks{text-align:right}.h_bold{text-align:right}.b_teks{text-align:left}.b_bold{text-align:left}.mm_teks{text-align:right}.mm_bold{text-align:right}.o_teks{text-align:left}.o_bold{text-align:left}.u_teks{text-align:right}.u_bold{text-align:right}}
@media screen and (max-width:320px){#box{height:640px}.merah{width:auto;padding:1% 1% 1% 6%;margin:2em 0 0 00}.hijau{width:auto;padding:1% 6% 1% 1%;margin:2em 0 0 00}.biru{width:auto;padding:1% 1% 1% 6%;margin:2em 0 0 00}.mm{width:auto;padding:1% 6% 1% 1%;margin:2em 0 0 00}.oren{width:auto;padding:1% 1% 1% 6%;margin:2em 0 0 00}.ungu{width:auto;padding:1% 6% 1% 1%;margin:2em 0 0 00}.merah:before{display:none}.hijau:before{display:none}.biru:before{display:none}.mm:before{display:none}.oren:before{display:none}.ungu:before{display:none}.m_teks,.m_bold,.h_teks,.h_bold,.b_teks,.b_bold,.mm_teks,.mm_bold,.o_teks,.o_bold,.u_teks,.u_bold{text-align:center}}
@media screen and (max-width:240px){.m_teks{font-size:12px}.m_bold{font-size:20px;line-height:2em}.h_teks{font-size:12px}.h_bold{font-size:20px;line-height:2em}.b_teks{font-size:12px}.b_bold{font-size:20px;line-height:2em}.mm_teks{font-size:12px}.mm_bold{font-size:15px;line-height:1.5em}.o_teks{font-size:12px}.o_bold{font-size:15px;line-height:1.5em}.u_teks{font-size:12px}.u_bold{font-size:15px;line-height:1.5em}}

/*****************************************
START CSS Zhey Kreatif Blogazine
******************************************/
body{background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,#CF2C2C),color-stop(0.5,#EB5B5B),color-stop(1,#CF2C2C));background-image:-o-linear-gradient(right bottom,#CF2C2C 0%,#EB5B5B 50%,#CF2C2C 100%);background-image:-moz-linear-gradient(right bottom,#CF2C2C 0%,#EB5B5B 50%,#CF2C2C 100%);background-image:-webkit-linear-gradient(right bottom,#CF2C2C 0%,#EB5B5B 50%,#CF2C2C 100%);background-image:-ms-linear-gradient(right bottom,#CF2C2C 0%,#EB5B5B 50%,#CF2C2C 100%);background-image:linear-gradient(to right bottom,#CF2C2C 0%,#EB5B5B 50%,#CF2C2C 100%);background-attachment:fixed}
a{color:#fff}
a:hover{color:#cf2c2c}
.outer-wrapper{position:relative;min-height:100vh}
.main-wrapper{width:auto;margin:0}
.ct-wrapper{padding:padding:0 20px;position:relative;max-width:auto;margin:0 auto}
#header h1,#header h1 a{color:#fff;text-shadow:none;font-family:Squada One;text-transform:uppercase;letter-spacing:0}
.rmm.minimal a{color:#fff}
.rmm.minimal a:hover{background:#cf2c2c;color:#E84C4C}
.rmm.minimal .rmm-toggled-controls{background:#cf2c2c;margin-bottom:2%}
.rmm.minimal .rmm-toggled-title{color:#fff}
.rmm.minimal .rmm-button span{background:#fff}
.rmm.minimal .rmm-toggled ul li a{border-bottom:1px solid #cf2c2c;color:#fff}
.rmm.minimal .rmm-toggled ul li a:hover{background:#cf2c2c;color:#E84C4C}
.rmm.minimal .rmm-toggled ul li:first-child a{border-top:1px solid #cf2c2c}
.post{border-bottom:none}
h1.post-title,h1.post-title a:link,h1.post-title a:visited{display:none}
.post-meta,.post-header{display:none}
.home-link,#blog-pager-newer-link a,#blog-pager-older-link a{background:#E84C4C;color:#fff;position:relative}
.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background:#E84C4C;color:#cf2c2c;position:relative}
.sidebar,.sidebar-wrapper{width:0;position:absolute;padding:0 0 0 0;display:none}
#footer{position:relative;background:#E84C4C}
.footer-bottom a{color:#fff}
.footer-bottom a:hover{text-decoration:none;color:#cf2c2c}
.footer-bottom p{color:#fff}
.footer-nav li a{color:#fff}
.footer-nav ul li a:hover,.footer-nav ul li a:active{color:#cf2c2c}
#comment-editor{background:#cf2c2c}
.comments{z-index:99;position:relative}
.comments h4{font-size:24px;background:#cf2c2c;color:#fff;text-align:center}
.comments .comments-content .user a{color:#fff}
.comments .comments-content .user a:hover{color:#cf2c2c}
.comments .comments-content .datetime a{color:#fff}
.comments .comments-content .datetime a:hover{color:#cf2c2c}
.comments .comments-content .comment-content{color:#fff;text-shadow:none}
.comments .comments-content .comment{background:#E84C4C;border:4px solid #cf2c2c}
.comments .continue a,.comments .comment .comment-actions a{color:#fff}
.comments .continue a:hover,.comments .comment .comment-actions a:hover{color:#cf2c2c}
.comments .comments-content .loadmore a{font-weight:bold;background:#E84C4C}
.comments .comments-content .loadmore a:hover{color:#cf2c2c}
#bzc{background:#E84C4C;display:block}
::selection{background:transparent;color:transparent}
::-moz-selection{background:transparent;color:transparent}
::-webkit-selection{background:transparent;color:transparent}
/*******Open Panel*******/
a.openpanel{display:block;width:100%;height:auto;padding:5px 0 5px 0;text-align:center;font-weight:bold;line-height:30px;background:#E84C4C;url()repeat-x;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative;font-family:Averia Sans Libre}
a.openpanel em{width:0;height:0;display:block;position:absolute;top:15px;right:15px;border:6px solid transparent;border-top-color:transparent}
a.openpanel:hover{color:#cf2c2c}
a.openpanel.active{background:#E84C4C;z-index:99;position:relative}
a.openpanel.active em{top:6px;border color:#ffffff}
div.paneline{height:0;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px}
div.hompiPanel{padding:10px 20px 20px;margin:0 0!important}
/*******Disqus & Spoiler*******/
#dis_qus{width:100%;height:auto;background:#E84C4C;color:#fff;position:relative;z-index:1000;margin-top:1%;overflow:hidden}
.dis-qus{margin:1% 1% 1% 1%}
.jkomen{width:auto;height:auto;padding:5px 5px 5px 5px;background:#cf2c2c;color:#fff;font-weight:bold;font-family:verdana;margin:1% 1% 1% 1%}
.spoiler{overflow:hidden;width:100%}
.spoiler > div{-webkit-transition:all 0.2s ease;-moz-transition:margin 0.2s ease;-o-transition:all 0.2s ease;transition:margin 0.2s ease}
button.sp-trigger:hover{color:#cf2c2c}
.spoiler{background-color:transparent;margin:20px 0 0 0;padding:0 0 0 0}
button.sp-trigger{width:100%;display:block;cursor:pointer;margin:10px 0 -20px 0;background:#E84C4C;font-weight:bold;font-size:18px;font-family:Averia Sans Libre;color:#fff;padding:8px;border-radius:0}
button.sp-trigger.sp-active{background:#E84C4C}
/*****************************************
END CSS Zhey Kreatif Blogazine
******************************************/